





	$(function(){
		//获取显示层的宽度
		var width=$(".bannerbox").width();
		//获取图片总张数
		var total=$(".banner .banner-one").length;
//		console.log(total);
		//获取最大偏移量
		var maxpianyileft=-((total-1)*width);
//		console.log(maxpianyileft);
		//默认选择第一个小图标
		$(".bannerbox .icon span").eq(0).css("background","#0052CE").siblings().css("background","#fff");
		//定义一个变量同步当前下表
		var count=0;
		
		//重置banner宽度及其他数据的影响，比如手机横着放时
		function bannercg()
		{
			//重置banner宽度
			width=$(".bannerbox").width();
			//重新设置装图片的宽度，让它等于改变后的显示层宽度
			$(".banner .banner-one").width(width);
			//重置最大偏移量
			maxpianyileft=-((total-1)*width);
			var newleft=width*count*-1;
			$(".banner").css("left",newleft);
		}
		 
	         
		
		//窗口大小变化时重置
		$(window).resize(function(){
			
			bannercg();
			
		})
		
		var timer=setInterval(move,3000);
		
		$(".bannerbox").mouseover(function(){
			clearInterval(timer);
		})
		$(".bannerbox").mouseout(function(){
			timer=setInterval(move,3000);
		})
		
		function move()
		{
			if(!$(".banner").is(":animated"))
			{
				//获取滚动层的偏移量
				var pianyileft=$(".banner")[0].offsetLeft;  //$(".banner")[0]把jq转化为js用
				console.log(pianyileft);
				//判断是否是到最后一张
				if(maxpianyileft==pianyileft)
				{
					//如果是在最后一张就把第一张添加到最后
					$(".banner .banner-one").eq(0).appendTo($(".banner"));
					//修改滚动层的偏移位置
					var gundongpianyi=pianyileft+width;
					$(".banner").css("left",gundongpianyi+"px");
				}
				$(".banner").animate({left:"-="+width+"px"});
				
				count++;
				//判断count是否大于图片长度，如果大舅让它为0，否则就等于自己
				count=count>=total?0:count;
				//对应小图标
				$(".bannerbox .icon span").eq(count).css("background","#0052CE").siblings().css("background","#fff");
			}
		}
		
		//左滑动
		$(".banner").on("swipeleft",function(){
			
			if(!$(".banner").is(":animated"))
			{
				//获取滚动层的偏移量
				var pianyileft=$(".banner")[0].offsetLeft;  //$(".banner")[0]把jq转化为js用
				console.log(pianyileft);
				//判断是否是到最后一张
				if(maxpianyileft==pianyileft)
				{
					//如果是在最后一张就把第一张添加到最后
					$(".banner .banner-one").eq(0).appendTo($(".banner"));
					//修改滚动层的偏移位置
					var gundongpianyi=pianyileft+width;
					$(".banner").css("left",gundongpianyi+"px");
				}
				$(".banner").animate({left:"-="+width+"px"});
				
				count++;
				//判断count是否大于图片长度，如果大舅让它为0，否则就等于自己
				count=count>=total?0:count;
				//对应小图标
				$(".bannerbox .icon span").eq(count).css("background","#0052CE").siblings().css("background","#fff");
			}

		})
		
		//右滑动
		
		$(".banner").on("swiperight",function(){
			
			if(!$(".banner").is(":animated"))
			{
				//获取滚动层的偏移量
				var pianyileft=$(".banner")[0].offsetLeft;  //$(".banner")[0]把jq转化为js用
				//判断是否在第一张
				if(pianyileft==0)
				{
					//把最后一张放在第一张前面
					$(".banner").prepend($(".banner .banner-one").last());
					//修改滚动层的偏移位置
					var gundongpianyi=pianyileft-width;
					$(".banner").css("left",gundongpianyi+"px");
				}
				
				$(".banner").animate({left:"+="+width+"px"});
				count--;
				count=count<0?total-1:count;
				//对应小图标
				$(".bannerbox .icon span").eq(count).css("background","#0052CE").siblings().css("background","#fff");
			}
			

		})
		
		
		$(".delete").click(function(){
	
			$(".tubiao").css("display","none");
			

        })
		
		
		
	
	       $("a").attr("target","_self");
	
	
        

		
		
	})




	